@charset "utf-8";
/* CSS Document */

body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}
.projmenu {
margin-left:8px;
font-size:12px;
color:#333333;
}
.projmenu ul {
font-size:12px;
margin-left:12px;
color:#666666;
}
.projmenu ul li {
color:#666666;
line-height:16px;
}
.projmenu ul li a {
color:#666666;
text-decoration:none;
}
.projmenu ul li a:hover {
text-decoration:underline;
}

div#mainContrainer {
width:auto;
height:auto;
margin:auto;
}


#topbar{
position:absolute;
border: 1px solid #3E74B0;
padding:2px;
font-size:500;
color:#3E74B0;
font-size:13px;
background-color:#FFFFFF;
width:183px;
height:auto;
visibility:hidden;
z-index: 100;
}
.topli{
text-decoration:none;
color:#3E74B0;
font-size:13px;
}
.topli a {
text-decoration:none;
color:#3E74B0;
font-size:13px;
}
.topli a:hover{
text-decoration:none;
color:#3E74B0;
}
h3 {
color:#0D6599;
font-family:"Trebuchet MS";
font-size:22px;
}

.circleratetitle {
color:#0D6599;
text-indent:36px;
padding-top:8px;
background:url(../images/button/circlerates.jpg) left no-repeat;
font-family:"Trebuchet MS";
font-size:22px;
height:24px;
}

.customerspeak {
color:#0D6599;
text-indent:36px;
padding-top:8px;
background:url(../images/button/speaker.jpg) left no-repeat;
font-family:"Trebuchet MS";
font-size:22px;
height:24px;
}
.circledisplayer {
margin:auto;
width:500px;
border:1px solid #A0A0A0;

}

.displayerbox {
margin:25px;
width:auto;
}

.circledisplayer table td{
padding-left:4px;
height:22px;

}

.projparaalign {
margin-left:4px;
padding:2px;
text-indent:0;
text-align:justify;
}
.headerbg {
background:url(../images/headerbg.jpg);
}
.firstcontentNew {
width:auto;
height:auto;
margin:9px 2px 0 2px;
background:url(../images/leftmidbg.jpg) left repeat-y;
}

.searchmenubg {
width:auto;
background: #FFFFFF url(../images/menubg.gif) right no-repeat;
height:auto;
}



.normalblutxtli  {
color:#0E6699;
font-size:13px;
text-decoration:none;
}

a.normalblutxtli:link, a.normalblutxtli:visited{
color:#0E6699;
font-size:13px;
text-decoration:none;
}

a.normalblutxtli:hover{
color:#0E6699;
font-size:13px;
text-decoration:underline;
}

/* ---------------- Flash and Menu container ---------------------------------- */
.flcontainer {
margin-top:9px;
background:url(../images/biglayout/flbgbig.jpg) no-repeat;
height:226px;

}

.flcontainerfirst {
float:left;
}
.flcontainersecond{
float:right;
width:170px;
margin-top:2px;
text-align:left;
}
.flcontainersecond ul {
list-style:none;
margin:0;
padding:0;
text-indent:14px;
}
.flcontainersecond ul li {
line-height:18px;
width:135px;
height:22px;
display:block;
}

.flcontainersecond ul li a {
line-height:18px;
text-decoration:none;
width:135px;
height:22px;
display:block;
color:#333333;
}
.flcontainersecond ul li a:hover{
line-height:18px;
text-decoration:none;
width:135px;
font-weight:700;
height:22px;
background:url(../images/button/btnbg.gif);
}

/* --------------------- Second Content ---------------------------- */
.mailico {
width:auto;
height:auto;
margin-right:8px;
margin-left:12px;
}

.secondcontentNew {
margin-top:9px;
vertical-align:text-top;
width:216px;
margin-left:9px;
height:auto;
}

.secondcontentNew ul {
padding:0;
margin:0;
list-style:none;
width:191px;
height:auto;
}

.secondcontentNew ul li {
line-height:18px;
height:auto;
}
.secondcontentNew ul li ul {
color:#cccccc;
font-weight:500;
height:auto;

}
.secondcontentNew ul li ul li{
line-height:20px;
}
.graybgtxt {
background:url(../images/graytab/graytabbg.gif) no-repeat;
height:20px;
color:#FFFFFF;
font-weight:700;
padding-top:2px;
text-indent:10px;
margin:5px 0;
}
.graybgtxt a {
text-decoration:none;

height:20px;
display:block;
width:191px;

}
.graybgtxt a:hover {
text-decoration:none;

height:20px;
display:block;
width:191px;

}


.blutxtbig {
color:#0D6599;
font-weight:700;
font-size:16px;


}
.graytabstrip{
background:#dadada;
}

.graytabstriplit{
background:#F7F7F7;
}
.graytabmidbg {
background:#dadada;
}
.graytabcontent {
font-family:"Trebuchet MS";
width:322;
padding:4px;
}

.graytabcontent span {
font-size:16px;
font-weight:700;
text-align:left;
}
.contactbox {
height:auto; width:450px; margin:auto; background:#FCFCFC; border:1px solid #CCCCCC;
}

.blutabstrip{
background:#005991;
color:#FFFFFF;
font-size:12px;
padding:4px;
}

.bluboxconatiner {
background:#005991;
width:auto;
height:auto;
}

/* Form -------------------------- */

.searchfld{
width:147px;
height:15px;
padding:0;
vertical-align:top;
color:#666666;
}

.txtfld{
width:200px;
height:18px;
padding:0;
vertical-align:top;
color:#666666;
}
.txtfldsmall{
width:90px;
height:18px;
padding:0;
vertical-align:top;
color:#666666;
}
.txtareanormal{
width:200px;
height:60px;
padding:0;
vertical-align:middle;
color:#666666;
}
.searchhd span{
font-size:13px;
font-weight:700;

}

.formdisplayer {
width:85%;
margin:auto;
border:1px solid #CCCCCC;
}
.formdisplayernew {
width:90%;
margin:auto;
border:1px solid #CCCCCC;
}

/* ------------ Mid Banner ------------ */

.mainBanner {
margin:0 5px;
width:auto;
height:auto;
}

.imgbox {
float:left;
width:297px;
height:195px;
}
.imgboxtxt  {
color:#FFFFFF;
font-family:"Trebuchet MS";
background:#005991;
font-size:16px;
padding-left:20px;
height:195px;
width:auto;
font-weight:normal;
}
.imgboxtxtnew  {
color:#FFFFFF;
font-family:"Trebuchet MS";
background:#005991;
font-size:16px;
padding-left:20px;
height:145px;
width:auto;
font-weight:normal;
}
.upcomingprojects {
width:212px;
background:url(../images/upcom-projstripbg.jpg) repeat-x;
height:auto;

}

.upcomigtitle {
font-size:16px;
font-weight:700;
color:#005991;
padding-top:8px;
}

.txtmidContainer {
margin:8px;
color:#666666;
line-height:16px;
padding:2px;
text-align:justify;
width:auto;
}

h5 {
font-size:14px;
}
.whittextli {
color:#FFFFFF;
text-decoration:none;
}
.whittextli a{
color:#FFFFFF;
text-decoration:none;
}

.whittextli a:hover{
color:#FFFFFF;
text-decoration:none;
}
/* ------------- Photogallery --------------------- */

.photodisplayer {
height:auto;
width:198px;
margin-top:85px;
padding:4px;
background:#0E6699 url(../images/photogallery/botbg.jpg) bottom no-repeat;
margin-bottom:12px;
}
.phototitle {
height:23px;
text-indent:4px;
padding-top:4px;
width:auto;
background:#005991 url(../images/icon/dwnicon.gif) right no-repeat;
font-size:14px;
font-weight:700;
color:#FFFFFF;

}
.floorplantitle {

height:auto;
text-indent:4px;
padding-top:4px;
width:auto;
background:#005991 url(../images/icon/dwnicon.gif) right no-repeat;
font-size:13px;
font-weight:700;
color:#FFFFFF;

}

/* ----- Supplier's corner -------------- */
.supplierbtn {
color:#0E6699;
font-size:12px;
border:1px solid #0E6699;
background:#f5f5f5;
width:203px;
display:block;
height:19px;
font-weight:700;
margin-bottom:2px;
}
.supplierbtn a {
text-decoration:none;
color:#0E6699;
width:203px;
display:block;
padding-left:4px;
}
.supplierbtn a:hover{
text-decoration:none;
color:#FFFFFF;
width:203px;
display:block;
padding-left:2px;
background:#0E6699;
height:19px;

}

.bullettxt ul {
list-style:url(../images/icon/star.jpg);
vertical-align:text-top;


}
.bullettxt ul li {
line-height:24px;
text-indent:8px;
color:#666666;
}

.dispplayeransbox{
border-top:1px solid #F5F5F5;
margin-top:12px;
}

.ulstar ul li{
margin-bottom:8px;


}
/* Photogallery ---------------- */

.photodisp {
width:587px;
height:auto;
border:1px solid #005991;
margin:auto;

}
.photofirstbar {
height:58px;
background:#0E6599;
width:auto;

}

.imagedisplayer {
margin:8px;

}
.phototitledisp {
height:22px;
padding:4px;
background:#333333;
font-weight:700;
font-size:13px;
color:#FFFFFF;
text-align:center;


}

/* Innertopmenubar ----------------------------- */

.topmenubar {
background:url(../images/meinmenubarbg.jpg) repeat-x;
font-size:11px;
color:#0F6693;
height:22px;
}

.topmenubar ul {
margin:0;
padding:0;
list-style:none;
}

.topmenubar ul li {
margin-left:2px;
border-left:1px solid #E2E2E2;
float:left;
padding:4px;
position:relative;
}

.topmenubar ul li a {
text-decoration:none;
color:#0F6693;
}
.topmenubar ul li a:hover {
text-decoration:none;
color:#0F6693;
}
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.mtDropdownMenu {position:absolute;overflow:hidden;left:-1000px;top:-1000px }
/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.mtDropdownMenu .content {position:absolute;}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.mtDropdownMenu .items {position:relative;left:0px;top:0px;z-index:2;color:#800000;border:1px solid #999 }
.mtDropdownMenu.top .items {border-top:none;}

/* each TR.item is one menu item */
.mtDropdownMenu .item {color:#ffffff;font-size:10px;font-family:verdana, Arial, Helvetica, sans-serif;text-decoration:none;cursor:hand;border:1 solid #800000}
/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it;that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.mtDropdownMenu .background {position:absolute;left:0px;top:0px;z-index:1;-moz-opacity:5;filter:alpha(opacity=100);}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.mtDropdownMenu .shadowRight {position:absolute;z-index:3;top:3px;width:2px;-moz-opacity:.4;filter:alpha(opacity=40);}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.mtDropdownMenu .shadowBottom {position:absolute;z-index:1;left:3px;height:2px;-moz-opacity:.4;filter:alpha(opacity=40);}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.mtDropdownMenu .item.hover {background:#E7EBF1;color:#000000;}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.mtDropdownMenu .item img {margin-left:10px;}

/* footerbg ----------------- */

.footer {
width:auto;
height:68px;
font-size:12px;
background:url(../images/footerbg.jpg);
}
.footer a {
text-decoration:none;
color:#333333;
}
.footer a:hover{
text-decoration:underline;
}